<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>bootcss 1</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/easyui/themes/gray/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/easyui/themes/icon.css">
<link rel="stylesheet" href="<%=path%>/easyui/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="<%=path%>/easyui/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/js/jquery-aop-0.5.3.min.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/js/mp.mansory.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="<%=path%>/easyui/js/con_isok.js"></script>


<style type="text/css">
body {
	padding-top: 50px;
}

.main-container {
	padding: 40px 15px;
}

.p {
	text-align: center;
}
</style>

</head>
<body>

	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	<div class="container">
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">首页</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
				<li><a href="#">栏目一</a></li>
			</ul>
			<form class="navbar-form navbar-right" role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="Search">
				</div>
				<button type="submit" class="btn btn-default">Submit</button>
			</form>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#">QQ</a></li>
			</ul>
		</div>
	</div>
	</nav>

	<div class="container main-container">

		<div role="tabpanel">

			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#panel-1" aria-controls="panel-1" role="tab" data-toggle="tab">Panel 1</a></li>
				<li role="presentation"><a href="#panel-2" aria-controls="panel-2" role="tab" data-toggle="tab">Panel 2</a></li>
				<li role="presentation"><a href="#panel-3" aria-controls="panel-3" role="tab" data-toggle="tab">Panel 3</a></li>
				<li role="presentation"><a href="#panel-4" aria-controls="panel-4" role="tab" data-toggle="tab">Panel 4</a></li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">

				<div role="tabpanel" class="tab-pane active" id="panel-1">
					<div class="row masonry-container">

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/abstract" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/abstract" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/abstract" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/abstract" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/abstract" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>

					</div>
					<!--/.masonry-container  -->
				</div>
				<!--/.tab-panel -->

				<div role="tabpanel" class="tab-pane" id="panel-2">

					<div class="row masonry-container">

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/city" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/city" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/city" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/city" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/city" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>

					</div>
					<!--/.masonry-container  -->

				</div>
				<!--/.tab-panel -->

				<div role="tabpanel" class="tab-pane" id="panel-3">
					<div class="row masonry-container">

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/nature" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/nature" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/nature" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/nature" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/nature" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>

					</div>
					<!--/.masonry-container  -->
				</div>
				<!--/.tab-panel -->

				<div role="tabpanel" class="tab-pane" id="panel-4">
					<div class="row masonry-container">

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/cats" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/cats" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/cats" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/cats" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>
						<!--/.item  -->

						<div class="col-md-4 col-sm-6 item">
							<div class="thumbnail">
								<img src="http://lorempixel.com/200/200/cats" alt="">
								<div class="caption">
									<h3>Thumbnail label</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, illum voluptates consectetur consequatur ducimus. Necessitatibus, nobis consequatur hic eaque laborum laudantium. Adipisci, explicabo, asperiores molestias deleniti unde dolore enim quas.</p>
									<p>
										<a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a>
									</p>
								</div>
							</div>
						</div>

					</div>
					<!--/.masonry-container  -->
				</div>
				<!--/.tab-panel -->

			</div>
			<!--/.tab-content -->

		</div>
		<!--/.tab-panel  -->

	</div>
	<!-- /.container -->

	<script type="text/javascript">
		
	</script>
</body>
</html>